<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="HandheldFriendly" content="true" />
    <title>Bitwarden WebAuthn Connector</title>
  </head>

  <body style="background: transparent">
    <div class="row justify-content-md-center mt-5">
      <div>
        <img src="../images/logo-dark@2x.png" class="logo mb-2" alt="Bitwarden" />
        <p id="webauthn-header" class="lead text-center mx-4 mb-4"></p>
        <picture>
          <source srcset="../images/u2fkey-mobile.avif" type="image/avif" />
          <source srcset="../images/u2fkey-mobile.webp" type="image/webp" />
          <img src="../images/u2fkey-mobile.jpg" class="rounded img-fluid" />
        </picture>
        <div class="text-center mt-4">
          <button type="button" id="webauthn-button" class="btn btn-primary btn-lg"></button>
        </div>
      </div>
    </div>
  </body>
</html>
